//out:../css/register.css
@import url(./module.less);


// 站位
.zhanwei{
    width: 100%;
    height: (50/@rem);
    display: flex;
    align-items: center;
    background-color: #fff;
  }

//出车/回车时间 
.time {
    position: relative;
    width: 345./@rem;
    height: 120./@rem;
    background: @white;
    border-radius: 10./@rem;
    margin: 15./@rem;
    
    .go {
        font-size: 14./@rem;
        color: @textColor;
        line-height: 60./@rem;
        margin-left: 15./@rem;
        display: flex;
        justify-content: space-between;
        border-bottom: 1./@rem solid #FFF4F4F4;
        span {
            font-size: 14./@rem;
            color: @text2Color;
            padding-right: 17./@rem;
        }
    }
    .back {
        
        font-size: 14./@rem;
        color: @textColor;
        line-height: 60./@rem;
        margin-left: 15./@rem;
        display: flex;
        justify-content: space-between;
        position: relative;
        span {
            font-size: 14./@rem;
            color: @text2Color;
            position: absolute;
            right: 36./@rem;
            align-items: center;
           
        }
        img {
            width: 24./@rem;
            height: 24./@rem;
            position: absolute;
            top:19./@rem;
            right: 11./@rem;
        }
    
    }
// 获取时间
.abnormalTime{
    top: (70/@rem);
    left: (120/@rem);
    position: absolute;
    
    .cotent{
        display: none;
        .text{
            display: flex;
            .kinerDatePickerInput {
                width: (100/@rem);
                height: (40/@rem);
                background-color: #FFFFFF;
                border:(1/@rem)  solid orangered;
                font-size: (14/@rem);
                
                border-radius: (15/@rem);
                display: block;
                text-align: center;
                line-height: (40/@rem);
                color: #999999;
                margin-right: (10/@rem);
            }
            .confirm{
                margin-right: (10/@rem);
                width: (50/@rem);
                height: (40/@rem);
                background-color: green;
                color: #fff;
                font-size: @s14;
                text-align: center;
                border:none;
                line-height: (40/@rem);
                border-radius: (10/@rem);
            }
            .Cancel{
                margin-right: (10/@rem);
                width: (50/@rem);
                height: (40/@rem);
                background-color: #EF4F3F;
                color: #fff;
                font-size: @s14;
                text-align: center;
                border:none;
                line-height: (40/@rem);
                border-radius: (10/@rem);
            }
        }
   
    }
   
    display: flex;
}
}

 


//车辆违章/故障/事故
.one, .two, .three {
    width: 345./@rem;
    height: 60./@rem;
    background: @white;
    margin: 15./@rem;
    border-radius: 10./@rem;
    font-size: 14./@rem;
    color: #2A2929;
    padding-left: 15./@rem;
    position: relative;
    line-height: 60./@rem;
    .yes {
        font-size: 14./@rem;
        color: #818181;
        position: absolute;
        left: 204.5./@rem;
        top: 14./@rem;
        img {
            position: relative;
        }           
    }
    .span1 {
        position: absolute;
        top: 4./@rem;
        left: 241./@rem;
      }
    
    .no {
        font-size: 14./@rem;
        color: #818181;
        position: absolute;
        left: 277./@rem;
        top: 14./@rem;
        img {
            position: relative;
        }
    }
    .span2 {
        position: absolute;
        top: 4./@rem;
        left: 313./@rem;
      } 
}

//底部"交车" 
.bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: (70/@rem);
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around;
    a {
        width: 207./@rem;
        height: 50./@rem;
        background-color: #EF4F3F;
        border-radius: 25./@rem;
        line-height: 50./@rem;
        font-size: @s16;
        color: #FFFFFF;
        text-align: center;
    }
}



//遮罩
// .screenMask {
//     position: absolute;
//     top: 0;
//     left: 0;
//     height: 100%;
//     width: 100%;
//     background-color: rgba(0, 0, 0, 0.5);
//     opacity: 0;
//     z-index: -1;
//     transition: all 0.3s;
// }